<template>
  <div class="my_invoice">
    <van-sticky>
      <van-nav-bar title="消息通知" left-arrow @click-left="back" />
    </van-sticky>

    <div class="content">
      <h4 class="title">{{detail.title}}</h4>
      <p class="time">{{detail.issueTime}}</p>
      <p class="desp" v-html="detail.message"></p>
    </div>

  </div>
</template>

<script>
import api from 'api/api'
export default {
  data () {
    return {
      chosenAddressId: '1',
      detail: {}
    }
  },
  created () {
    this.getDetail()
  },
  methods: {
    getDetail () {
      api.sysInformDetail(
        {
          data: {
            id: this.$route.params.id
          }
        }
      ).then(res => {
        this.detail = res.data
      })
    },
    back () {
      window.history.go(-1)
    }
  }
}
</script>

<style lang="scss">
.my_invoice {
  min-height: 100vh;
  background-color: #fff;
  text-align: left;
  .content {
    padding: 0 0.3rem;
    background-color: #fff;
    .title {
      font-size: 0.32rem;
      font-weight: normal;
      margin-top: 0.23rem;
    }
    .time {
      font-size: 0.22rem;
      color: #999;
      margin-top: 0.23rem;
    }
    .desp {
      font-size: 0.28rem;
      color: #333;
      margin-top: 0.46rem;
    }
  }
}
</style>